|
原生js与jQuery遍历数组的比较
原生js的forEach方法遍历数组jQuery的each静态方法遍历数组原生js的map方法遍历数组jQuery的map方法遍历数组jQuery中each静态方法和map静态方法的区别
原生js的forEach方法遍历数组
//第一个参数：遍历到的元素
//第二个参数：索引
//注意：原生的forEach方法只能遍历数组，不能遍历伪数组
var arr = [1,3,5,7,9]
var obj = {0:1, 1:3 ,2:5, 3:7, 4:9, length:5 }
arr.forEach(function(value,index){
console.log(index,value);
})
//可以通过数组的原型遍历伪数组
Array.prototype.forEach.call(obj, function (value, index) {
console.log(index,value);
})
jQuery的each静态方法遍历数组
//第一个参数：索引
//第二个参数：遍历到的元素
//注意：jQuery的each方法是可以遍历伪数组的
var arr = [1,3,5,7,9]
var obj = {0:1, 1:3 ,2:5, 3:7, 4:9, length:5 }
$.each(arr,function(index,value){
console.log(index,value);
})
$.each(obj,function(index,value){
console.log(index,value);
})
原生js的map方法遍历数组
//第一个参数：遍历到的元素
//第二个参数：遍历到的索引
//第三个参数：当前被遍历的数组
//注意：和原生的forEach方法一样，不能遍历伪数组
var arr = [1,3,5,7,9]
var obj = {0:1, 1:3 ,2:5, 3:7, 4:9, length:5 }
arr.map(function(value,index,array){
console.log(index,value,array);
})
jQuery的map方法遍历数组
//第一个参数：要遍历的数组
//第二个参数：每遍历一个元素之后执行的回调函数
//回调函数的参数：
// 第一个参数：遍历到的元素
// 第二个参数：遍历到的索引
//注意：和jQuery中的each方法一样，map静态方法也可以遍历伪数组
var arr = [1,3,5,7,9]
var obj = {0:1, 1:3 ,2:5, 3:7, 4:9, length:5 }
$.map(arr,function(value,index){
console.log(index,value);
})
$.map(obj,function(value,index){
console.log(index,value);
})
jQuery中each静态方法和map静态方法的区别
each静态方法默认的返回值就是：遍历谁就返回谁 map静态方法默认的返回值是一个空数组
each静态方法不支持在回调函数中对遍历的数组进行处理 map静态方法可以在回调函数中通过return对遍历的数组进行处理，然后生成一个新的数组返回
|